<!DCOTYPE html>
<head>
    <title>Char 15</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
    <div>
        <h3>数据校验表单</h3>
        <form id="register" name="register" method="post" action="#" onsubmit="return check()">
            <label>用户名：<input type="text" name="username"></label><br>
            <label>密&nbsp码：<input type="password" id="password"></label><br>
            <label>邮&nbsp箱：<input type="text" id="email"></label><br>
            <input type="button" id="regist" value="提交">
        </form>
        <input type="button" value="按钮" id="btn0" onclick="showThisName();">
        <br><br>
        <input type="button" id="btn1" value="按钮1" oncilck="alert(this.value);">
        <input type="button" id="btn2" value="按钮2">
        <input type="button" id="btn3" value="按钮3">
        <!--<a href="http://wwww.crazy.org" onclick="return false;">疯狂联盟</a> -->
        <a href="http://wwww.crazy.org" onclick="return confirm('是否跳转页面？');">疯狂联盟</a>
    </div>

</body>
<script type="text/javascript">
    //为String字符添加trim方法，使得正则表达式截取空格
    //String.prototype.trim=function(){
       // return this.replace('/^\s*/','').replace('/\s*$','');
    //}
    //处理表单的check函数
     /*var check=function(){
        var form=document.forms[0];
        var errostr="";
        if(form.username.value==null  || form.username.value.trim()=="")
        {
            errostr+="\n用户名不能为空！";
            form.username.focus();
            //alert(errostr);
        }
        if(form.password.value==null ||form.password.value.trim()==""){
            errostr+="\n密码不能为空！";
            form.password.focus();
        }
        if(form.email.value==null ||form.email.value.trim()==""){
            errostr+="\n邮箱不能为空！";
            form.email.focus();
        }
        //使用正则表达式校验电子邮箱格式是否正确
       /* if(!/^\w+([-+.]\w+)*@\w+([-.w+])*\.\w+([-.]\w+)$/.test(form.email.value.trim())){
            errostr+="邮件格式不正确！";
            form.email.focus();
        }
        //如果错误字符串为空，则表明校验出错
        if(errostr!="")
        {
            alert(errostr);
            return false; //弹出提示框，阻止表单提交
        }
        else{
            form.submit();
        }
    }
    document.getElementById('regist').onclick=check;

   //window对象
    window.name="测试窗口";
    var showThisName=function(){
        alert(this.name);
    }

    //this关键字
    var test=function(){
        alert(this.value);
    }//将test函数设置为bt2的事件处理器
    document.getElementById('btn2').onclick=test;

    var p={
        value:'p对象',
        info:function(){
            alert(this.value);
        }
    }
    //document.getElementById('btn3').onclick=p.info; //将p的info方法设置为btn3事件处理器
   // p.info();  //直接调用p.info的方法
    document.getElementById('btn3').onclick=new function(){
        p.info();
    }*/

</script>
</html>